<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/web_animation.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/web_animation.css"/>
		<title>教师团队</title>
		<link rel="stylesheet" type="text/css" href="css/teacher_team.css"/>
	</head>
	<body>
		<div class="border"><!--大边框-->
			<!-- 头部 -->
			<div id="header">
				<div class="header_left">
					欢迎来到教育行业网
				</div>
				<div class="header_right">
					<img src="img/footer_iphone.png" />&nbsp;
					<label>400-000-0000</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<img src="img/footer_email.png" >&nbsp;
					<label>admin@yourdomain.com</label>
				</div>
			</div>
			<!-- 菜单栏部分 -->
			<div id="nav">
				<div class="nav_left">
					<label><img src="img/logo.png" ></label>
				</div>
				<div class="nav_right">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="all_courses.html">所有课程</a></li>
						<li><a href="news_information.html">新闻资讯</a></li>
						<li><a href="teacher_team.html" style="color: orange;">教师团队</a></li>
						<li><a href="about_us.html">关于我们</a></li>
					</ul>
				</div>
				<!-- 手机端导航栏效果 -->
				<div class="nav_right_modile_wrap">
					<div class="nav_right_modile" onclick="navModile()">
						
					</div>
				</div>
			</div>
			<!-- 滚动图部分 -->
			<div id="column">
				<div id="column_move1" class="column_text_wrap">
					<div class="column_text_t">教师团队</div>
					<div class="column_text_f"></div>
				</div>
			</div>
<!-- ————————————————————————【头部】划分线—————————————————————————————— -->


			<div class="fives">
				<div class="teacher_team">
					教师团队
				</div>
			<div id="center-1">
				<div id="cemter">
					<div id="one">
						<!--<div class="mgs">-->
						 <div class="imgs">
						    <img src="img/famous_teacher_img1.png" width="100%" height="100%"/><br />
						 </div>
						<!--</div>-->
						<h3>Jean Thompson</h3><br />
						<span>UI设计总监</span><br /><br />
					</div>
				    <div id="two" >
				    	<div class="imgs">
				    	    <img src="img/famous_teacher_img2.png" width="100%" height="100%"/></br>
				    	</div>
				    	<h3>Polly Tucker </h3><br />
						<span>推广总监/设计总监</span><br /><br />
				    </div>
				    <div id="three" >
				    	<div class="imgs">
				    	    <img src="img/famous_teacher_img3.png" width="100%" height="100%"/>
				    	</div>
				    	<h3>Nathan Porter</h3><br />
						<span>室内课程研发经理</span><br /><br />
				    </div>
				    <div id="four" >
				    	<div class="imgs">
				    	    <img src="img/famous_teacher_img1.png" width="100%" height="100%"/></br>
				    	</div>
				    	<h3>Polly Tucker</h3><br />
						<span>平面造型设计</span><br /><br />
				    </div>
				    <div id="five" >
				    	<div class="imgs">
				    	     <img src="img/famous_teacher_img2.png" width="100%" height="100%"/></br>
				    	</div>
				    	<h3>Nathan-Porter</h3><br />
						<span>经济学、经济情况</span><br /><br />
				    </div>
				    <div id="six" >
				    	<div class="imgs">
				    	    <img src="img/famous_teacher_img3.png" width="100%" height="100%"/></br>
				    	</div>
				    	<h3>Jean Thompson</h3><br />
						<span>心理学、心理特征</span><br /><br />
				    </div>
				</div>
			</div>
			</div>

<!-- ————————————————————————【尾部】划分线—————————————————————————————— -->
			<!-- 页脚 -->
			<div id="foot">
				<div class="foot_up">
					<div class="foot_up_title_one">
						成人教育网
					</div>
					<div class="foot_up_title_two">
						SCHOOL OF EDUCAtTION CD., LTD
					</div>
				</div>
				<div class="foot_up_contet">
					<div class="foot_up_contet_left">
						<div class="fucl_title">联系方式</div>
						<div class="fucl_title1">
							<img src="img/foot_img1.png" >
							&nbsp;联系电话：400-000-0000
						</div>
						<div class="fucl_title2">
							<img src="img/foot_img2.png" >
							&nbsp;邮箱：admin@yourdomain.com
						</div>
						<div class="fucl_title3">
							<img src="img/foot_img3.png" >
							&nbsp;地址：珠海市XXX区域XXX街道XXX号
						</div>
					</div>
					<div class="foot_up_contet_middle">
						<div class="fucl_title">网站导航</div>
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="all_courses.html">所有课程</a></li>
							<li><a href="news_information.html">新闻资讯</a></li>
							<li><a href="teacher_team.html">教师团队</a></li>
							<li><a href="about_us.html">关于我们</a></li>
						</ul>
					</div>
					<div class="foot_up_contet_right">
						<div class="fucl_title">
							更好关注
						</div>
						<div class="foot_up_contet_right_middle">
							扫描二维码，我们会最新的商品为您推荐，为您更好的体验与服务。
						</div>
						<div id="foot_up_contet_right_down">
							<div class="foot_up_contet_right_down1">
								<img src="img/url.png" >
							</div>
							<div class="foot_up_contet_right_down2">
								手机扫一扫
							</div>
						</div>
					</div>
				</div>
				<div class="foot_down">
					Copyright @ 2019-2030 Company name All rights reserved
				</div>
				<!-- 手机端导航栏 -->
				<div id="nav_mobile">
					<div class="nav_mobile_all nav_mobile1">
						<a href="index.html"><img src="img/nav_mobile_img1.png" ></a>
						<a href="index.html">首页</a>
					</div>
					<div class="nav_mobile_all nav_mobile2">
						<a href="all_courses.html"><img src="img/nav_mobile_img2.png" ></a>
						<a href="all_courses.html">所有课程</a>
					</div>
					<div class="nav_mobile_all nav_mobile3">
						<a href="news_information.html"><img src="img/nav_mobile_img3.png" ></a>
						<a href="news_information.html">新闻资讯</a>
					</div>
					<div class="nav_mobile_all nav_mobile4">
						<a href="teacher_team.html"><img src="img/nav_mobile_img4.png" ></a>
						<a href="teacher_team.html">教师团队</a>
					</div>
					<div class="nav_mobile_all nav_mobile5">
						<a href="about_us.html"><img src="img/nav_mobile_img5.png" ></a>
						<a href="about_us.html">关于我们</a>
					</div>
				</div>
				<!-- 最右边边按钮点击后的结构 -->
				<div id="nav_mobile_w">
					<div class="nav_mobile_w_top">
						<img src="img/nav_modile_background_w.png" onclick="navModiles()">
					</div>
					<div class="nav_mobile_w_foot">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="all_courses.html">所有课程</a></li>
							<li><a href="news_information.html">新闻资讯</a></li>
							<li><a href="teacher_team.html">教师团队</a></li>
							<li><a href="about_us.html">关于我们</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 手机端导航栏被点击后执行 -->
			<script type="text/javascript">
				function navModile(){
					 $("#nav_mobile_w").slideDown(500); 
				}
				function navModiles(){
					$("#nav_mobile_w").slideUp(500);
				}
				// 特色课程页面切换效果
				var show = document.getElementsByClassName("button_i");
				var hide = document.getElementsByClassName("centent_middle");
				
			</script>
	    </div>
	</body>
</html>
